<!DOCTYPE html>
<html lang="zh-CN"><head>
		<title></title>
		<meta charset="utf-8">
		<meta content="" name="description">
		<meta content="" name="keywords">
		<meta content="eric.wu" name="author">
		<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
		<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
		<meta content="no-cache" http-equiv="pragma">
		<meta content="0" http-equiv="expires">
		<meta content="telephone=no, address=no" name="format-detection">
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
		<link rel="stylesheet" type="text/css" href="trendslist_files/main.css">
		<link rel="stylesheet" type="text/css" href="trendslist_files/dialog.css">
		<script src="trendslist_files/jquery_min.js"></script>
		<script src="trendslist_files/main.js"></script>
		<script src="trendslist_files/helper_min.js"></script>
		<script src="trendslist_files/dialog_min.js"></script>
		<script>
		function editNickName(thi, evt, sid , uid){
	 		var d = new iDialog();
			d.open({
				classList: "default",
				title:"",
				close:"",
				content:'<form id="form_1" action="javascript:;" method="post">\
					<table class="table_input">\
						<tr>\
							<td>\
								<input type="text" maxlength="10" name="nickName" class="input" value="'+thi.getAttribute('data-nickname')+'" autofocus="true" />\
							</td>\
						</tr>\
					</table>\
				</form>',
				btns:[
					{id:"", name:"确定", onclick:"fn.call();", fn: function(self){
						var form1 = document.getElementById("form_1");
						var obj = {
								sid : sid,
								uid : uid,
							nickName: $.trim(form1.nickName.value)
						}
						if(obj.nickName.length<1){
							alert("请输入用户名", 1500);
							return;
						}
						loading(true);
						$.ajax({
							url: "/snsmobile/ajaxeditnickname",
							type:"post",
							data:obj,
							dataType:"JSON",
							success: function(res){
								loading(false);
								if(1 == res.result){
									self.die();
									alert("修改成功", 1500);
									$("#nickName label").html(obj.nickName);
									$("#nickName a").attr("data-nickname", obj.nickName);
								}else{
									alert("修改失败", 1500);
								}
							}
						});
					}},
					{id:"", name:"取消", onclick:"fn.call();", fn: function(self){
						self.die();
					}}
				]
			});
	 	}


		function userOperate(thi, evt, typ, id){
			var n = -1;
			if(thi.classList.contains("on") ){
				n = 1;
			}
			var obj = {
				userId: 123334,
				type:typ,// collect, like
				n:n
			}
			loading(true);
			$.ajax({
				url: "data/userOperate.json",
				type:"post",
				data:obj,
				dataType:"JSON",
				success: function(res){
					loading(false);
					if(1 == res.result){
						thi.querySelector("label").innerHTML = res.data.total;
						thi.classList[n>0?"remove":"add"]("on");
					}else{
						alert(res.message||"失败", 1500, function(){});
					}
				}
			});

		}


		 function collectTrends(type, sid, tid, uid){
		        var args = arguments;
		        loading(true);
	    	    $.post('/snsmobile/collect',{
	    	        "type" : type,
	    	        "sid"  : sid,
	    	        "tid"  : tid,
	    	        "uid"  : uid,
		    	    },function(res){
		    	    	loading(false);
		    	    	if("1" == res){
		    	    	var $a = $("#collect_"+tid);
		    	    	var label = $a.find("label")[0];
		    	    	var total = parseInt(label.innerText );
		    	    	$a[0==type?"addClass":"removeClass"]("on");
		    	    	total = (0 == type)?total+1:total-1;
		    	    	label.innerText = total;
		    	    	$a.attr("onclick", 'collectTrends('+[1,0][type]+","+(Array.prototype.slice.call(args, 1).join(','))+');');
		    	    	}
		    	    });
	        }
	       function praiseTrends(type, sid, tid, uid){
	    	    var args = arguments;
	    	    loading(true);
	    	    $.post('/snsmobile/praise',{
	    	        "type" : type,
	    	        "sid"  : sid,
	    	        "tid"  : tid,
	    	        "uid"  : uid,
		    	    },function(res){
		    	    	loading(false);
		    	    	if("1" == res){
		    	    	var $a = $("#praise_"+tid);
		    	    	var label = $a.find("label")[0];
		    	    	var total = parseInt(label.innerText );
		    	    	$a[0==type?"addClass":"removeClass"]("on");
		    	    	total = (0 == type)?total+1:total-1;
		    	    	label.innerText = total;
		    	    	$a.attr("onclick", 'praiseTrends('+[1,0][type]+","+(Array.prototype.slice.call(args, 1).join(','))+');');
		    	    	}
		    	    });
	        }
		</script>
	</head>
	<body onselectstart="return true;" ondragstart="return false;" class="discuss_my discuss_my_tiezi">
		<div id="container" class="container">
			<header>
				<div class="header_1">
					<ul class="tbox">
						<li>
													<span id="upload_header" class="head_img">
								<img src="trendslist_files/2.png">
							</span>
												</li>
						<li>
							<h5 id="nickName"><label>游客</label><a href="javascript:void(0);" class="icons icons_edit">&nbsp;</a></h5>
							<p>
								
								<a href="http://349257.m.weimob.com/Webnewmembercard/GetMember?pid=349257&amp;wechatid=okthVt76nHZp7-wt88ED7szslHvw" class="label"><span class="icons icons_vip_0">&nbsp;</span>非会员</a>
														</p>
						</li>
					</ul>
				</div>
				<div class="header_2">
					<nav>
						<ul class="box">
							<li>
								<a href="javascript:;" class="on">
									<label>帖子</label>
									<span>1</span>
								</a>
							</li>
							<li>
								<a href="http://349257.m.weimob.com/snsmobile/collectlist?sid=349257&amp;uid=387016">
									<label>喜欢</label>
									<span>0</span>
								</a>
							</li>
							<li>
								<a href="http://349257.m.weimob.com/snsmobile/messagelist?sid=349257&amp;uid=387016">
									<label>消息</label>
									<span>4</span>
								</a>
							</li>
						</ul>
					</nav>
				</div>
			</header>
			<div class="body">
							<div id="list_article" class="list_article">
									<article>
						<header>
							<div class="article_state">
															<span class="state1">审核通过</span>
														</div>
							<ul class="tbox">
								<li></li>
								<li>
									<h5>我想买台可以p图的电脑，大概五千左右</h5>
									<p>2014-10-26 21:48:18</p>
								</li>
								<li>
									<a href="http://349257.m.weimob.com/snsmobile/trendsrow?pid=349257&amp;tid=3533&amp;exa_trends=0" class="icons icons_edit">&nbsp;</a>
								</li>
							</ul>
						</header>
						<section>
														<div>
								<div>美工用的，整体性能稳定，分辩率高些。<img src="trendslist_files/4.gif" data-innerhtml="/:8-)"></div>
							</div>
														<a href="http://349257.m.weimob.com/snsmobile/commentlist?sid=349257&amp;tid=3533&amp;ruid=387016">查看全文</a>
													</section>
						<footer>
    							<ul class="box">
    								<li>
    								    								    <a href="javascript:;" class="a_collect" id="collect_3533" onclick="collectTrends(0, 349257, 3533, 387016);"><span class="icons icons_collect">&nbsp;</span><label>0</label></a>
    								    								</li>
    								<li>
    									<a href="http://349257.m.weimob.com/snsmobile/commentlist?sid=349257&amp;tid=3533&amp;ruid=387016" class="a_comment"><span class="icons icons_comment">&nbsp;</span><label>3</label></a>
    								</li>
    								<li>
    								    									<a href="javascript:;" class="a_like on" id="praise_3533" onclick="praiseTrends(1, 349257, 3533, 387016);"><span class="icons icons_like">&nbsp;</span><label>2</label></a>
    								    								</li>
							    </ul>
						</footer>
					</article>
								</div>
						</div>
			<footer>
				<section class="nav_footer">
					<ul class="box">
						<li>
							<a href="http://349257.m.weimob.com/snsmobile?v=c870a293a4a5578b466f623abc1648e2&amp;pid=349257&amp;wechat_id=okthVt76nHZp7-wt88ED7szslHvw">
								<span class="icons_home">&nbsp;</span>
								<label>首页</label>
							</a>
						</li>
						<li>
					    				            <a href="http://349257.m.weimob.com/snsmobile/newtrends?pid=349257&amp;uid=387016&amp;exa_trends=0" class="nav_add">
					        <span class="icons_home_edit">&nbsp;</span>
					    							</a>
						</li>
						<li>
							<a href="javascript:%20void(0);" class="on">
								<span class="icons_my">&nbsp;</span>
								<label>我的</label>
							</a>
						</li>
					</ul>
				</section>
			</footer>
		</div>
	
	<script>
    $(document).ready(function(){
        
        var range = 50;             //距下边界长度/单位px  
       var pageNum = 2;  
        var totalheight = 0;   
        var main = $("#list_article");                //主体元素
       var state = 0;  
        var _srollPos = 0;

        var TPL = '<article>\
                        <header>\
                            <div class="article_state">{statusHTML}</div>\
                            <ul class="tbox">\
                                <li></li>\
                                <li><h5>{title}</h5>\
                                    <p>{ctime}</p>\
                                </li>\
                                <li>{edit_trend}</li>\
                            </ul>\
                        </header>\
                        <section>\
                            <figure data-count="{image_url_count}张图片" {show_pic}><div>{imgs}</div></figure>\
                            <div>{content}</div>\
        	                <a href="{comment_href}">查看全文</a>\
                        </section>\
                    	<footer>\
            		 		<ul class="box">\
            		 			<li>\
            		 				<a href="javascript:;"  id="collect_{tid}" class="a_collect {collect_on}" {collect_click} ><span class="icons icons_collect" >&nbsp;</span><label>{collect}</label></a>\
            		 			</li>\
            		 			<li>\
            		 						<a href="{comment_href}" class="a_comment"><span class="icons icons_comment" >&nbsp;</span><label>{comment}</label></a>\
            	     						</li>\
            	     						<li>\
            	     	<a href="javascript:;" id="praise_{tid}" class="a_like {praise_on}" {praise_click}><span class="icons icons_like"   >&nbsp;</span><label>{praise}</label></a>\
            	     </li>\
            	    					</ul>\
            	     		</footer>\
            	     </article>';

       var TPL_imgs = '<img src="{img_url}" data-src="{img_url}" data-gid="g{gi}" onload="preViewImg(this, event);"/>';
        
        $(window).scroll(function(){
            var pageSize = 15;
            var total = 1;
            if( Math.ceil(total/pageSize)<pageNum ){
                  return false;
            }
            var srollPos = $(window).scrollTop();    //滚动条距顶部距离(页面超出窗口的高度)  
           if(srollPos<_srollPos){
                return;
            }else{
            	_srollPos = srollPos;
            }
            totalheight = parseFloat($(window).height()) + parseFloat(srollPos);  
            if(!state && (($(document).height()-range) <= totalheight) ) {
          	    loading(true);
            	state = 1;
                $.post('/snsmobile/ajaxtrendslist',{
                    "sid"  : 349257,
                    "ruid" : 387016,
                    "page" : pageNum
                    },function(res){
                        loading(false);
                        if(res) {
                            var data = $.parseJSON(res);
                        html = iTemplate.makeList(TPL, data.rows, function(k,v){
                        	console.log(v);
                            var gi = new Date().getTime();
                            return {
                           	     edit_trend:'<a href="/snsmobile/trendsrow?pid='+v.sid+'&tid='+v.tid+'&exa_trends='+data.shop.exa_trends+'" class="icons icons_edit">&nbsp;</a>',
                                 statusHTML : (function(){
                                	 if (v.status == "0"){
                             		    return '<span class="state1">审核通过</span>';
                                     }else if (v.status == "1"){
                               		    return '<span class="state2">审核中</span>';
                                     }else if(v.status == "2"){
                               		    return '<span class="state3">未通过</span>';
                                     }
                             	 })(),
                                 image_url_count: v.image_url[0]? v.image_url.length:0,
                                 show_pic:v.image_url[0]?'':'style="display:none;"',
                        		 imgs: iTemplate.makeList(TPL_imgs, v.image_url, function(kk,vv){
                                     return {
                                          gi: gi 
                                        }
                                 }),
                                 praise_on:"1" == (parseInt(v.ispraise) && ("0" != 387016) )?'on':'',
                                 collect_on:"1" == (parseInt(v.iscollect) && ("0" != 387016) )?'on':'',
                                 praise_click: "0" == 387016?'onclick="return false;"': 'onclick="praiseTrends('+v.ispraise+', '+v.sid+', '+v.tid+', '+387016+')"',
                                 collect_click: "0" == 387016?'onclick="return false;"': 'onclick="collectTrends('+v.iscollect+', '+v.sid+', '+v.tid+', '+387016+')"',
                                 comment_href: "0" == 387016?'javascript:;':  '/snsmobile/commentlist?sid='+v.sid+'&tid='+v.tid+'&ruid='+v.ruid,
                           		 ctime:(function(vctime){
                                	    var f_ctime = new Date(vctime);
                                	    var arr = [];
                                	    arr.push( f_ctime.getFullYear() );
                                	    arr.push( "-" + (f_ctime.getMonth()+1 ) );
                                	    arr.push( "-" + f_ctime.getDate() );
                                	    arr.push( " " + f_ctime.getHours() );
                                	    arr.push( ":" + f_ctime.getMinutes() );
                                	    arr.push( ":" + f_ctime.getSeconds() );
                                	    return arr.join("");
                                    })(v.ctime*1000),
                                comment_href: '/snsmobile/commentlist?sid='+v.sid+'&tid='+v.tid+'&ruid='+v.uid
                           }
                            
                        });
                        main.append($(html) );
                        pageNum ++;
                        state = 0;
                    }else{
                    	loading(false);
                    	state = 0;
                    	alert("没有更多了...","1500");
                    }
                });
            }  
        });  
    }); 

	
    	document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        WeixinJSBridge.call('hideOptionMenu');
    });
	</script>
</body></html>